<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../js/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
            //通过透明度和大小的变化切换显示和隐藏
            //$("div").hide(2000);
            //$("div").show(2000);
            //$("div").toggle(2000);
            //通过高度变化切换显示和隐藏
            //$("div").slideDown(2000);
            //$("div").slideUp(2000);
            //$("div").slideToggle(2000);
            //通过透明度变化切换显示和隐藏
            //$("div").fadeOut(2000);
            //$("div").fadeIn(2000);
            //$("div").fadeToggle(2000);
            //$("div").fadeTo(2000,1);
            //console.log($(":animated"));
            //获取包含了文本内容‘hello’的元素
            //console.log($(":contains('hello')"));
            //获取页面中所有的空标签(没有任何内容的双标签和所有的单标签)
            //console.log($(":empty"));
            //获取隐藏的元素(包括head以及写在head中的所有的标签、隐藏域<input type="hidden" value="">、样式设置为display: none;的元素)
            console.log($(":hidden"));
        });
    </script>
</head>
<body>

    <div style="background-color: red; width: 500px; height: 500px; display: none;">
        <span>hello</span>
    </div>
    <p></p>
    <input type="text" value="1" readonly>
    <input type="text" value="">

</body>
</html>